*{padding: 0; margin: 0; font-family: '\5FAE\8F6F\96C5\9ED1','microsoft yahei',"宋体",Arial,sans-serif;}
input,button{border: none;} 
input:focus,button:focus{outline: none; outline-offset: 0;}
a{text-decoration:none; color:inherit;}
.text-center::after{content: ' '; display: inline-block; width: 0; height: 100%; vertical-align: middle; margin-top: 2px;}
.off{display: none;}

/* 登录页 */
.login{position: fixed; width: 100%; height: 100%; background: url(/img/1.jpg) no-repeat 0 0/100% 100%;}
.login .main{width: 960px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.login .main .title{height: 115px; text-align: center; font-size: 30px; color: #fff; padding-top:25px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login .main .login-box{height: 450px; background-color: #fff; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex;}
.login-box .box-left{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; text-align: center;}
.login-box .box-left img{width:75%; margin-top: 46px;}
.login-box .box-right{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; background-color: #f6f7f9;}
.login-box .box-right form{height: 100%; padding: 90px 60px 60px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.box-right form .form-item{height: 50px; margin-bottom: 30px; background-color: #e5e8ea; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ccc; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.box-right form .form-item:nth-child(-n+2) img{width: 30px; margin: 9px 10px;}
.box-right form .form-item input{-webkit-box-flex:1;-ms-flex:1;flex:1; font-size: 16px; padding-left: 10px; color: #333; border-radius: 0 5px 5px 0;}
.box-right form .form-item input::-webkit-input-placeholder{color: #999;}
.box-right form .form-item input:-ms-input-placeholder{color: #999;}
.box-right form .form-item input::-ms-input-placeholder{color: #999;}
.box-right form .form-item input::placeholder{color: #999;}
.box-right form .form-item input:focus{border: 1px solid #66afe9; -webkit-box-shadow:0 0 8px #66afe999; box-shadow:0 0 8px #66afe999; border-radius: 0 5px 5px 0; margin: -1px;}
.box-right form .form-item:nth-child(3) input{border-radius: 5px 0 0 5px;}
.box-right form .form-item:nth-child(3) input:focus{margin-right: 0;}
.box-right form .form-item:nth-child(3) img{width: 100px; height: 48px; cursor: pointer;}
.box-right form button{width: 100%; height: 50px; background-color: #0679c7; font-size: 18px; color: #fff; cursor: pointer;}

.login-wap{position:fixed; width:100%; height:100%; left: 0; top: 0; background-color:#2196f3; }
.login-wap .title{height: 50px; text-align: center; margin-top: 30px; font-size: 20px;}
.login-wap .main{ width:90%; height: 315px; background:#fff; border:1px solid #999933; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:10px;}
.login-wap .main form{padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login-wap .main form .form-item{height: 50px; margin-bottom: 30px; background-color: #e5e8ea; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ccc; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login-wap .main form .form-item:nth-child(-n+2) img{width: 30px; margin: 9px 10px;}
.login-wap .main form .form-item input{-webkit-box-flex:1;-ms-flex:1;flex:1; font-size: 16px; padding-left: 10px; color: #333; border-radius: 0 5px 5px 0;}
.login-wap .main form .form-item input::-webkit-input-placeholder{color: #999;}
.login-wap .main form .form-item input:-ms-input-placeholder{color: #999;}
.login-wap .main form .form-item input::-ms-input-placeholder{color: #999;}
.login-wap .main form .form-item input::placeholder{color: #999;}
.login-wap .main form .form-item input:focus{border: 1px solid #66afe9; -webkit-box-shadow:0 0 8px #66afe999; box-shadow:0 0 8px #66afe999; border-radius: 0 5px 5px 0; margin: -1px;}
.login-wap .main form .form-item:nth-child(3) input{border-radius: 5px 0 0 5px;}
.login-wap .main form .form-item:nth-child(3) input:focus{margin-right: 0;}
.login-wap .main form .form-item:nth-child(3) img{width: 70px; height: 48px; cursor: pointer;}
.login-wap .main form button{width: 100%; height: 50px; background-color: #0679c7; font-size: 18px; color: #fff; cursor: pointer;}

/* 登录后跳转后页面 */
.container{position: fixed; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.container .head{height: 60px; background-color: #2e8fd4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.container .head .title{width: 200px;}
.container .head .title a{display: block; height: 100%; line-height: 60px; text-align: center; font-size: 25px; color: #fff;}
.container .head .quit{width: 60px; padding-top: 14px;}
.container .head .quit a{display: block; width: 45px; height: 28px; font-size: 15px; border: 2px solid #fff; text-align: center; border-radius: 10px; color: #fff; background-color: #387bc7;}
.container .main{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.container .main .main-left{width: 200px; background-color: #68aae9; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main .main-left ul li{height: 35px; margin-bottom: 6px; background-color: #6290ec; list-style: none; line-height: 35px; text-align: center; border: 1px solid #fff; border-radius: 15px;}
.main .main-left ul li:last-child{margin-bottom: 0;}
.main .main-left ul li:hover{background-color: #2e8fd4; color: #fff;}
.main .main-left ul li a{font-size: 15px; display: block; height: 100%;}
.container .main .main-right{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.container .kg span{position:absolute; left:5px; bottom: 60px; color:red; width: 20px; height: 20px; cursor: pointer;}

/* 表格列表项 */
.table-item{padding: 6px;}
.table-item table{width: 100%; text-align: center; font-size: 14px; color: #333; border-collapse: collapse; border-spacing: 0;}
.table-item table td{border: 1px solid #ccc;}
.table-item table tr{background-color: #f1f8fe; height: 23px; line-height: 23px;}
.table-item table tr:nth-child(n+3):hover{background-color: #fff;}
.table-item table tr:first-child{background-color: #2761c1; height: 25px; color: #fff; font-weight: bold; line-height: 25px;}
.table-item table tr:nth-child(2){background-color: #4888F2; color: #fff;}


/* 修改项页面 */
.form-list{padding: 6px; font-size: 14px; color: #333;}
.form-list form{border: 1px solid #ccc;}
.form-list form .table-title{background-color: #2761c1; height: 25px; color: #fff; font-weight: bold; line-height: 25px; text-align: center;}
.form-list form .table-list{background-color: #edfbf6; height: 24px; line-height: 24px; padding: 5px 0; margin-bottom: 1px;}
.form-list form .table-list label{display: inline-block; width: 15%; height: 100%; text-align: center;}
.form-list form .table-list input{width: 50%; height: 22px; border: 1px solid #333; font-size: 14px;}
.form-list form .table-list input:focus,.form-list form button:focus{border: 1px solid #66afe9; }
.form-list form .table-list span{font-size: 13px; color: red; margin-left: 10px; }
.form-list form .btn{background-color: #edfbf6; height: 22px; padding: 6px 0; text-align: center;}
.form-list form button{width: 75px; height: 22px; border: 1px solid #848484; color: #333; font-size: 14px;}
.form-list form .table-list:hover,.form-list form .btn:hover{background-color: #fff;}